<template>
  <div>
    <oolongSwitch @on-change="change"></oolongSwitch>
    <br><br>
    <oolongSwitch size="large"></oolongSwitch>
    <oolongSwitch></oolongSwitch>
    <oolongSwitch size="small"></oolongSwitch>
    <br><br>
    <oolongSwitch>
      <span slot="open">开</span>
      <span slot="close">关</span>
    </oolongSwitch>
    <br><br>
    <oolongSwitch>
      <oolongIcon type="android-done" slot="open"></oolongIcon>
      <oolongIcon type="android-close" slot="close"></oolongIcon>
    </oolongSwitch>
    <br><br>
    <oolongSwitch size="large">
      <span slot="open">开启</span>
      <span slot="close">关闭</span>
    </oolongSwitch>
    <br><br>
    <oolongSwitch size="large">
      <span slot="open">ON</span>
      <span slot="close">OFF</span>
    </oolongSwitch>
  </div>
</template>
<script>

import oolongMessage from '../components/message'

export default {
  data() {
    return {}
  },
  components: {
    oolongMessage
  },
  methods: {
    change(status) {
      oolongMessage.info('开关状态：' + status);
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
